<template>
  <div class="common-button">
    <slot>{{ label }}</slot>
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: "common-button",
});

withDefaults(
  defineProps<{
    label?: string;
  }>(),
  {
    label: "按钮",
  }
);
</script>

<style lang="less">
.common-button {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  padding: 12px 20px;

  font-weight: 500;
  font-size: 24px;
  color: #000000;
  line-height: 34px;
}
</style>
